import router from '@/router'
import store from '@/store'
import NProgress from 'nprogress' // 引入一份进度条插件
import 'nprogress/nprogress.css'

// 前置守卫
const wirteList = ['/login', '/404'] // 定义白名单
router.beforeEach(async(to, from, next) => {
  NProgress.start() // 开启进度条
  if (store.getters.token) { // 如果有token
    if (to.path === '/login') { // 如果已经在登录页，跳转到主页
      next('/')
    } else { // 否则放行
      // next()
      // if (!store.getters.userName) {
      //   await store.dispatch('user/getUserInfo')
      // }
      // console.log(store.getters.userId)
      if (!store.getters.userId) { // 如果没有用户信息
        const { roles } = await store.dispatch('user/getUserInfo') // 调用获取用户数据，异步操作
        const routes = await store.dispatch('permission/filterRoutes', roles.menus) // 调用函数，获取动态路由数据
        console.log(roles.menus)
        console.log(routes)

        // router.addRoutes([...routes, { path: '*', redirect: '/404', hidden: true }]) // 将动态路由数据追加至路由规则中
        router.addRoutes([...routes, { path: '*', redirect: '/404', hidden: true }]) // 添加到路由表
        next(to.path)
      } else {
        next()
      }
    }
  } else { // 包含
    // indexOf存在 返回第一个匹配的索引，否则返回-1
    if (wirteList.indexOf(to.path) > -1) {
      next()
    } else {
      next('/login')
    }
  }
  NProgress.done() // 关闭进度条
})
// 后置守卫
router.afterEach(() => {
  NProgress.done() // 关闭进度条
})
